<app-header title="金币互转" right="互转记录" url="transferrecord"></app-header>

<ion-content>
  <div class="mine w96">
    
    <div class="h_title">
      <span class="s_span">转账给用户</span>
    </div>

    <div class="pool_bg">
      <div>
        <h4>对方账户</h4>
        <input type="tel" placeholder="请输入对方账户" [(ngModel)]="other">
        <p class="df_ja">请确认输入的对方账号无误</p>
      </div>

      <div class="zhuanz">
        <h4>转账金额</h4>
        <div>
          <div>
            <input type="number" placeholder="请输入转出额度" (blur)="onblur()" [(ngModel)]="money">
          </div>
          <div class="df_ja df_jap">
            <p>当前金币余额{{userInfo.coin}}</p>
            <ion-text color="onbottom" (click)="onTransfer()">全部转出</ion-text>
          </div>
        </div>
      </div>

      <!-- 确定以及输入密码 -->
      <!-- <div class="updateNickname" *ngIf="flag">
        <div class="include">
          <h3>确认转账</h3>
          <p>您确定转账给 <i>{{other}}</i></p>
          <p>转出金币为： <i>{{money}}个</i></p>
          <div>
            <button (click)="cancelNk()">取消</button>
            <button (click)="commitNk()">确认</button>
          </div>
        </div>
      </div> -->

      

    </div>

    <button class="button buttons" (click)="confirm()">确认转出</button>
  </div>

  <!-- 确定以及输入密码 -->
  <div class="password-inp" *ngIf="pwflag">
    <div class="pass-h">
      <div class="pass-head">
        <ion-icon name="close-outline"></ion-icon>
        <h3>请输入密码</h3>
        <ion-icon (click)="closepw()" class="block" name="close-outline"></ion-icon>
      </div>

      <code-input
              (codeChanged)="onCodeChanged($event)"
              (codeCompleted)="onCodeCompleted($event)">
    </code-input>
    </div>
  </div>
  

  <app-lodding [falg]="show"></app-lodding>
  
</ion-content>